<template>
<div>
	<div>
		<div class="header">购物车</div>
		<div class="adress">
			<p>收货人</p>
			<div class="phone">
				<p>电话</p>
				<p>修改></p>
			</div>
			<p>电话收货地址</p>	
		</div>
		<div class="cart-ps">
			<div>
				<p>闪送超市</p>
				<p>凑单专区</p>
			</div>
			<div>
				<p>￥0起送,22:00前满￥30面运费</p>
			</div>
		</div>
		<div class="cart-sh">
			<p>
				<span>收货时间</span><span>30分钟送达</span>
			</p>
			<p>可预订></p>
		</div>
		<div class="cartBz">
			<p>收货备注</p>
			<input type="text">
		</div>
	</div>
	<div>
		<div>
			<img src="" alt="">
			<div>
				<p>精选西瓜1.24-3kg/粒</p>
				<div>
					<span>￥8.8</span>
					<p>
						<span>-</span><span></span><span>+</span>
					</p>
				</div>
				
			</div>
		</div>
	</div>
</div>
	
</template>
<script type="text/javascript">
	
</script>
<style type="text/css">
	.header{
		
			height: 1rem;
			font-size: .5rem;
			text-align: center;
			line-height: 1rem;
    	}
		.adress{
			width: 90%;
			margin: 0 auto;
			font-size: .3rem;
		}
		.phone{
			display: flex;
			justify-content: space-between;
		}
		.cart-ps{
			font-size: .3rem;
			width: 90%;
			margin: 0 auto;
		}
		.cart-ps>div:nth-of-type(1){
			display: flex;
			justify-content: space-between;
		}
		.cart-sh{
			width: 90%;
			margin: 0 auto;
			display: flex;
			font-size: .3rem;
			justify-content: space-between;
		}
		.cartBz{
			display: flex;
			width: 90%;
			margin: 0 auto;
			font-size: .3rem;
			justify-content: space-between;
		}
		.cartBz>input{
			width: 70%;
			height: .5rem;
			border: .01rem solid #ccc;
		}
</style>